@clb:#7ca5db;//#7ca5db
@clc:#063696;
@bor:#f4f4f4;
@fontc:#777676;
@nvaactive:#073696;
@createschool:#fcfeff;
@create-bg:#eff6fe;
@blue: #7AA4DD;
@deep: #a0a0a0;
@h: 100px;
.mysetup-class-info-main{

  .mysetup-class-info-cont{
    display: block;
    float: left;
    width:1210px;
    padding:10px;
    .apply-sort{

      font-size: 14px;
      margin-bottom:14px;
      border:1px solid @bor;
      .apply-sort-list{
        float:left;

        width:100px;
        border-right:1px solid @bor;
        padding:4px;
        text-align: center;
        height: 22px;
        line-height: 22px;
      }
      a{
        float:left;
        width:80px;
        text-align: center;
        padding:4px;
        height: 22px;
        line-height: 22px;
      }
      .sort-active{
        color:@clb;
      }

    }
    .apply-class-info{
      font-size: 14px;
      margin-bottom:14px;
      border:1px solid @bor;
      padding:4px;
      //                  padding:4px;
      .apply-sort-list{
        float:left;
        width:80px;
        background: @clb;
        color: #fff;

        text-align: center;
        height: 22px;
        line-height: 22px;
        margin-right:12px;
      }
      .apply-prompt{
        width:500px;
        float:left;
        p{
          line-height: 22px;
        }
      }
      .prompt-enter{
        float:right;
        padding:0 8px;
        text-align: center;
        color: #fff;
        background: @clb;
        height: 22px;
        line-height: 22px;

      }
      a{
        float:left;
        width:80px;
        text-align: center;
        border:1px solid @bor;
        margin-right:12px;
        height: 22px;
        line-height: 22px;
      }
      .sort-active{
        color:@clb;
      }
    }
    .myclassTables{
      position:relative;
      width:100%;
      height: 610px;
      .myclass-manages{

        padding-bottom:20px;
        position:absolute;
        .class-manages-list{
          margin-top:14px;
          span{
            float:left;
            width:80px;
            text-align: right;
            margin-right:12px;
            font-size: 14px;
            line-height: 24px;

          }
          input[type='text']{
            float:left;
            width:53%;
          }
          textarea{
            float:left;
            width:53%;
            height:120px;
          }
          select{
            float:left;
            width:26%;
            margin-right: 12px;
          }
          input[type='radio']{
            float:left;
            margin-right:12px;
            margin-left:12px;
            margin-top:6px;
          }
          b{
            float:left;
            margin-top:6px;

          }
          .input-moneys{
            width:16%;
          }
          i{
            float:left;
            margin-left:12px;
            line-height: 24px;
          }

        }
        .info-list2{
          margin-bottom:12px;
          margin-top:12px;

          span{
            width:80px;
            display: block;
            margin-right:12px;
            float:left;
            text-align: right;
          }

          .school-img{
            position: relative;
            float:left;
            width:23%;
            margin-right:12px;
            .img-show{
              width:100%;
              height:130px;
              display: block;
              float:left;
            }
            .click-file{
              position: relative;
              width:80px;
              height:30px;
              line-height: 30px;
              background:@clb;
              color: #fff;
              text-align: center;
              bottom:55px;
              right:-200px;
              float:left;
              z-index: 1;
              box-shadow: 1px 2px 2px #000000;
              top:-36px;


            }
            .upload-img{
              bottom:30px;
              right:-280px;
              float:left;
              position: relative;
              z-index: 2;
              opacity: 0;
              cursor:pointer;
              width:80px;
            }
          }
          .scholl-img-info{
            float:left;
            margin-top:30px;
            p{
              font-size:12px;
              color:@clb;
              line-height: 24px;
            }
          }
        }
        .submit-center{
          padding-top:30px;
          width:260px;
          margin:0 auto;
          a{
            width:100px;
            height:30px;
            text-align: center;
            background: @clb;
            color: #fff;
            line-height: 30px;
            float:left;
            margin-right:24px;
          }
        }
      }
      .myclass-courses{
        position:absolute;
        width:100%;

        .class-list{
          padding:12px 0px 12px 20px;
          border:1px solid @bor;
          ul{
            li{
              position: relative;
              overflow: hidden;
              width:23.1111%;
              float:left;
              margin-right:1.8%;
              background:#f8f8f8;
              padding-bottom:6px;
              box-shadow: 1px 1px 1px #000000;
              margin-bottom: 10px;
              margin-top:10px;
              .courses-img{
                display: block;
                width:100%;
                height:120px;
              }
              h4{
                padding:10px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
              }
              p{
                font-size: 12px;
                line-height: 20px;
                padding:0 0 0 10px;
                color:#999;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
              }
              span{
                color:red;


              }
              .del{
                width: 20px;
                height: 20px;
                padding-right: 20px;
                border-radius: 50%;
                padding-top: 20px;
                top: -20px;
                right: -20px;
                text-align: center;
                position: absolute;
                background: #000;
                opacity: 0.5;
                color: #fff;
                cursor: pointer;
                line-height:12px;
              }
            }

          }
        }
      }
      .myclass-students{
        position:absolute;
        width:100%;
        tr{


          height:50px;
          line-height: 50px;
          margin-top:12px;
          td{
            text-align: center;
          }
          input{
            margin-left:12px;
            margin-right:12px;
            float:left;
            margin-top:16px;
          }
          b{
            display: inline-block;
            margin-right:14px;
          }
          .student-img{
            display: inline-block;
            width:30px;
            height:30px;
            line-height: 30px;
            float:left;
            margin-top:12px;
          }
          span{
            line-height: 30px;
          }
        }
      }
      .students-apply{
        position:absolute;
        width:100%;
        border:1px solid @bor;
        tr{

          height:50px;
          line-height: 50px;
          margin-top:12px;
          td{
            text-align: center;
          }
          input{
            margin-left:12px;
            margin-right:12px;
            float:left;
            margin-top:16px;
          }
          b{
            display: inline-block;
            margin-right:14px;
          }
          .student-img{
            display: inline-block;
            width:30px;
            height:30px;
            line-height: 30px;
            float:left;
            margin-top:12px;
          }
          span{
            line-height: 30px;
          }
        }
      }


    }

  }
}

.notice_preview{
  position:fixed;
  width:900px;
  padding:0 50px;
  height:630px;
  left:50%;
  top:50%;
  margin-top:-315px;
  margin-left:-450px;
  z-index:100 ;
  background: #fff;
  .preexit{
    width:20px;
    height:20px;
    text-align: center;
    border-radius:50%;
    border:1px solid @bor;
    position:absolute;
    top:-10px;
    right:-10px;
    line-height: 20px;
    z-index: 99999;
    background:#fff;
    font-size: 24px;
    cursor:pointer;

  }
  .notice-mask-title{
    //      width:890px;
    margin-top:30px;

    //     margin-left: 40px;
    h2{

      float:left;
      text-align: center;
      font-size: 24px;
      width:100%;
      margin-bottom:12px;

    }
    p{
      //
      font-size:14px;
      line-height: 24px;
    }


  }
  .notice_preview-date{
    position: absolute;
    bottom: 30px;
    right:100px;
    text-align: center;
    line-height: 24px;
  }
}
.xlk_create{
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#000;
  opacity: 0.3;
  z-index: 100;

}
.xlk_create_psot{
  width:970px;
  height:630px;
  top:50%;
  left:50%;
  margin-top:-315px;
  margin-left:-485px;
  position:absolute;
  background:#fff;
  z-index: 101;

  &>h3{
    margin-top:14px;
    margin-left:56px;
    .pagenum-next{
      float:right;
      width:400px;
      list-style:none;
    }
    .pagenum-next li{
      float:right;
      padding:4px;
      background:#7ca5db;
      color:#fff;
      margin-right:12px;
      list-style:none;
      font-weight:400;

    }
    .pagenum-next li input{
      width:20px;
      padding:0 4px;
    }
    .pagenum-next li a{
      font-size:14px;
      color:#fff;
      font-weight:400;
    }
  }
  .xlk-ppt-list{
    margin-top:40px;
    margin-left:56px;
    min-height:500px;
    ul{
      li{
        width:200px;
        height:152px;
        float:left;
        position: relative;
        margin-right:20px;
        margin-bottom:10px;
        box-shadow: 1px 1px 2px #000;
        .list-img{
          width:200px;
          height:114px;
        }
        p{
          line-height:34px;
          .title-l{
            float:left;
            margin-left:12px;
            width:120px;
            height:34px;
            //white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
            white-sapce:nowrap; overflow:hidden; text-overflow:ellipsis;

          }
          .title-r{
            float:right;
            margin-right:12px;
          }
        }
        .border_red{
          position: absolute;
          width:198px;
          height:150px;
          top:-1px;
          left:-1px;
          border:3px solid #ff0000;
          overflow: hidden;
        }
        .border_bottom{
          position:absolute;
          width:20px;
          height:20px;
          transform:rotate(45deg);
          background:#f00;
          bottom:-10px;
          right:-10px;
        }
      }
      .creaseBorder2{
        border:4px solid red !important;
      }
    }
  }
  .bottom-exit{

    width:260px;
    margin:0 auto;
    a{
      float:left;
      width:100px;
      background:#7ca5db;
      color: #fff;
      text-align: center;
      padding:4px 0;
      margin-right:20px;
    }
  }
}
.notice_mask_cont{
  position:fixed;
  width:900px;
  padding:0 50px;
  height:630px;
  left:50%;
  top:50%;
  margin-left:-450px;
  margin-top:-315px;
  z-index:100 ;
  background: #fff;
  .notice-mask-title{
    //      width:890px;
    margin-top:30px;

    //     margin-left: 40px;
    h2{
      width:100px;
      float:left;

    }
    a{
      float:right;
      margin-left:14px;
    }
  }
  .mask-title{
    margin-top:12px;
    span{
      float:left;
      margin-right: 12px;

    }
    input{
      width:840px;
      padding:0 4px;
    }
    textarea{
      width:840px;
      height:440px;
      padding:2px 4px;
    }
  }
  .notice-submit{
    width:184px;
    margin:0 auto;
    margin-top:30px;
    a{
      width:80px;
      height:30px;
      text-align: center;
      color: #fff;
      float: left;
      margin-right:12px;
      background: @clb;

      line-height: 30px;
    }
  }
}
.addStudent{
  width:480px;
  height:300px;
  background-color: white;
  position: fixed;
  left:50%;
  top:50%;
  margin-top: -150px;
  margin-left: -240px;
  z-index: 1000;
  h1{
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
  }
  .student-manages-list{
    margin-top:14px;
    margin-left: 20px;
    span{
      display: block;
      float:left;
      width:80px;
      text-align: right;
      margin-right:20px;
      font-size: 18px;
      line-height: 24px;
      vertical-align: top;
    }
    input[type='text']{
      display: block;
      float:left;
      width:30%;
      vertical-align: top;
    }
  }
  /*关闭图标*/

  .close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    background: white;
    border-radius: 25px;
    // box-shadow: 2px 2px 5px 0px black;
    cursor: pointer;
  }

  .close:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 2px;
    background: black;
    transform: rotate(45deg);
    top: 20px;
    left: 10px;
  }
  .close:after{
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: black;
    transform: rotate(-45deg);
    top: 20px;
    left: 10px;

  }
  .close:hover::before{

    background-color: red;
  }
  .close:hover::after{
    background-color: red;
  }
}
